<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>display属性</title>
	<style type="text/css">
		div,span{background-color: #00aaee;
				 border:1px #666 solid;}
		.one{font-size: 0px;}

		div{display:inline-block;
		    font-size:16px;
		    width:100px;
		    height:30px;
		    padding:5px;
		    margin:10px;}

		span{display:block;
		     width:100px;
		     height:30px;
		     padding:5px;
		     margin:10px;}

		span{display:none;} 
		
		a:hover span{display:inline;}    
	</style>
</head>
<body>
<!--块级元素-->
<!-- <div class="one"> -->
	<div>display属性-div</div>
	<div>display属性-div</div>
	<div>display属性-div</div>
	<div>display属性-div</div>
	<div>display属性-div</div>
	<div>display属性-div</div>
<!-- </div>	 -->
<hr/>	
<!--内联元素-->
	<span>display属性-sapn</span><span>display属性-sapn</span><span>display属性-sapn</span>
<hr/>
	<a href="#">指我...<span>和你捉迷藏</span></a>
	
</body>
</html>